<template>
	<view class="rule">
		<image class="bg" src="https://hlximage.xiangle6.cn/home/images/0dc1d044-4239-4bc6-9589-3d62efc335bd.png" mode="scaleToFill"></image>
		<image src="../../../static/close.png" class="close" @click="$emit('close')"></image>
		<view class="form flex flex-col">
			<image src="../../../static/r-t.png" mode="widthFix"></image>
			<view style="flex: 1;overflow: auto;">
				<view class="item">
					<rich-text :nodes="info.contents"></rich-text>
				<!-- 	<view class="title">
						1.龙年来和黄龙溪接个“龙”
				
					</view>
					<view class="">
						来黄龙溪古镇景区的游客，可通过景区公众号小程序平台参与此次寻龙活动，根据“寻龙导图”中的提示，扫码上传在景区内发现的黄龙溪龙年元素二维码，即可加入此次活动。
					</view>
					<view class="title">
						2.寻龙记
	
					</view>
					<view class="">
						景点和“龙字号”商家在特定区域内为您准备了各式中国龙年元素。通过小程序扫描龙元素旁的二维码，即可点亮龙图腾，当9盏龙图腾全部点亮后，您将获得一次龙年鸿运的抽奖机会。

					</view>
					<view class="title">
						3.跑龙套
						
					</view>
					<view class="">
						新春探寻，龙腾四海，登录景区公众号小程序，即可获得“寻龙导图”，按照路线寻找古镇中龙年元素踪迹，扫描寻龙路线中不同龙年元素 (二维码) 后可点亮龙图腾。
					</view>
					<view class="title">
						4.好运龙龙，龙运当头
						
					</view>
					<view class="">
						百里挑一，有幸成为龙年“鸿运之子”的您，将会收到黄龙溪古镇景区送出的鸿运二维码。在“寻龙导图”中寻找景区指定兑奖处，兑换黄龙溪古镇景区送出的龙年鸿运祝福一份 (每部手机只能参与一次活动)。
					</view> -->
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
info:{}
			}
		},
		props: {
			value: {
				type: Boolean,
				default: false
			}
		},
		async mounted() {
			 const res = await this.$request('/api/hlx-activity/activityDetail',{
				id:1
			},'get')
			console.log(res)
			this.info = res.data.data
		}
	}
</script>

<style scoped lang="less">
	.rule {
		position: fixed;
		background: rgba(0, 0, 0, 0.5);
		z-index: 9;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
	}

	.bg {
		width: 100%;
		height: 90vh;
		position: absolute;
		left: -3%;
		right: 0;
		bottom: 0;
		top: 0;
		margin: auto;
	}

	.close {
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		top: 23%;
		right: 8%;
	}

	.form {
		position: absolute;
		    height: 44vh;
		    width: 80%;
		    top: 27%;
		    left: 10%;

		image {
			    width: 60%;
			    height: 0;
			    margin: 0 20% 20rpx;
		}

		.item {
			background: #EEC2B7;
			height: 100%;
			overflow: auto;
			border: 3px solid #000000;
			box-shadow: 0rpx 8rpx 2rpx 0rpx rgba(194, 183, 171, 0.6);
			border-radius: 14rpx;
			font-size: 24rpx;
			line-height: 48rpx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #3E2006;
			padding: 10rpx 30rpx;
			.title{
				font-size: 36rpx;
				margin: 20rpx 0 0 ;
			}
		}
	}
</style>